import { Card, Col, Row } from "antd"
import React, { FC } from "react"

const ErrorOverview: FC = () => {
    return (
        <>
            <Row gutter={12}>
                <Col span={6}>
                    <Card title="js错误" extra={<span>10</span>}>
                        js错误
                    </Card>
                </Col>
                <Col span={6}>
                    <Card title="promise错误" extra={<span>6</span>}>
                        promise错误
                    </Card>
                </Col>
                <Col span={6}>
                    <Card title="资源加载错误" extra={<span>13</span>}>
                        资源加载错误
                    </Card>
                </Col>
                <Col span={6}>
                    <Card title="网络请求错误" extra={<span>1</span>}>
                        网络请求错误
                    </Card>
                </Col>
            </Row>
        </>
    )
}

export default ErrorOverview
